<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
		border 边框 
		cellspacing 单元格之间的空隙
		th 标题头 会加粗居中
		-->
		
		<table border="1" cellspacing="0">
			<tr>
				<th>ID</th>
				<td>名字</td>
				<td>年龄</td>
				<th>性别</th>
				<td>删除</td>
			</tr>
			<tr>
				<td>1</td>
				<td>张三</td>
				<td>23</td>
				<td>男</td>
				<td><a href="#">删除</a></td>
			</tr>
			<tr>
				<td>2</td>
				<td>张三</td>
				<td>23</td>
				<td>男</td>
				<td><a href="#">删除</a></td>
			</tr>
			<tr>
				<td>3</td>
				<td>张三</td>
				<td>23</td>
				<td>男</td>
				<td><a href="#">删除</a></td>
			</tr>
			
		</table>
		
		<hr />
		
		
		<table border="1" cellspacing="0">
			<tr>
				<th>ID</th>
				<td>名字</td>
				<td>年龄</td>
				<th>性别</th>
				<td>删除</td>
			</tr>
			<!--
			rowspan	 跨越几行
			colspan  跨越几列
			-->
			<tr>
				<td>1</td>
				<td rowspan="2">张三</td>
				<td>23</td>
				<td>男</td>
				<td><a href="#">删除</a></td>
			</tr>
			<tr>
				<td>2</td>
				<td>23</td>
				<td>男</td>
				<td><a href="#">删除</a></td>
			</tr>
			<tr>
				<td>3</td>
				<td colspan="2">张三</td>
				<!-- <td>23</td> -->
				<td>男</td>
				<td><a href="#">删除</a></td>
			</tr>
			
			
		</table>
	</body>
</html>
